<template>
	<view class="mainpadding">
		<view class="textright ershiba xiaohui">跳过 </view>
		<!-- <view class="textright ershiba xiaolan">完成 </view> -->
		<view class="xiaohei fonweight" style="font-size: 48rpx; margin-top: 120rpx;">最后一步啦，选择个人爱好</view>
		<view class="xiaohui strongtext" style="margin-top: 25rpx;">至少选3个，我们将根据你的选择推荐匹配的用户和内容</view>
		<view class=" flexleft flex_wrap">
			<!-- 已选中 -->
			<view class="yixbtn margin_top margin_right3">已读就回</view>
			<!-- 未选中 -->
			<view class="wexzbtn margin_top margin_right3" v-for="itme in 6">音乐</view>
		</view>
		<view class="flexcenter margin_top6">
			<!-- 未输入展示的按钮 -->
			<view class="margin_top6 denglhbtn flexcenter touming">下一步</view>
			<!-- 已输入展示的按钮 -->
			<!-- <view class="margin_top6 denglhbtn flexcenter">下一步</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.touming {
		opacity: 0.5;
	}
	
	.denglhbtn {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: #FFFFFF;
		width: 590rpx;
		height: 104rpx;
		background: #2361FF;
		border-radius: 52rpx;
	}
	.wexzbtn {
		padding: 18rpx 30rpx;
		background: #F7F7F7;
		border-radius: 36rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.yixbtn {
		padding: 18rpx 30rpx;
		background: #2361FF;
		border-radius: 36rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>